<template>
	<view class="word" @click="onDetail(content)">
		<view class="title">
			{{content.title}}
		</view>
		<view class="flexBetween">
			<view class="bottomLeft">
				<span style='margin-right: 17px;'>{{content.columnName}}</span>
				<span style='margin-right: 7px;'>阅读</span>
				<span>{{content.readNumber}}</span>
			</view>
			<view class="bottomRight">
				<span style='margin-right: 7px;'>{{content.author}}</span>
				<span>{{content.releaseDate}}</span>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				wordTitle: '交通运输部办公厅印发公路安全生命防护等三项工程典型案例的通知'
			}
		},
		props:['content'],
		methods: {
			onDetail(val){
				uni.navigateTo({
					url: `../articleDetails/articleDetails?id=${val.id}&read=${val.read}&readRest=${val.readRest}`
				});
			}
		}
	}
</script>

<style scoped>
	/* .word{
		padding: 11px 0;
		margin: 0 15px;
		border-bottom: 1px solid #f0f0f0;
	} */
	.title{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 14px;
	}
	.bottomRight{
		color: #666;
		font-size: 11px
	}
	.bottomLeft{
		color: #666;
		font-size: 12px
	}
</style>
